﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Monster Killer</title>
    <link rel="stylesheet" href="assets/styles/index.css">
    <script src="assets/scripts/vendor.js" defer></script>
    <script src="assets/scripts/app.js" defer></script>
</head>
<body>
<section id="health-levels">
    <h2>MONSTER HEALTH</h2>
    <progress  id="monster-health"  max="100" value="100" >100%</progress>
    <h2>PLAYER HEALTH<span id="bonus-life">1</span></h2>
    <progress id="player-health" max="100" value="100">100%</progress>
</section>
<section id="controls">
    <button id="attack-btn">ATTACK</button>
    <button id="strong-attack-btn">STRONG ATTACK</button>
    <button id="heal-btn"> HEAL</button>
    <button id="log-btn">SHOW LOG</button>
</section>

</body>
</html>